<div>
    <ol class="breadcrumb">
        <li> <i class="fa fa-anchor"></i>
            &nbsp;大数据统计
        </li>
        <li>充电记录统计</i></li>
        <li style="float: right"><a  href="javascript:history.go(-1);">返回</a></li>
    </ol>
    <div class="panel">
        <div class="panel-heading">
            <i class="fa fa-list">&nbsp;&nbsp;基础信息表</i><strong>【{$pro}】</strong>
        </div>
        <form class="search-form" action="__URL__/site_evcharge/ev_plant_id/{$_GET['ev_plant_id']}" method="get" onsubmit="return show_first_page();">
            <div class="panel-body search-panel-body retract">
                <div class="col-xs-5 search-col">
                    <div class="input-group">
                        <span class="input-group-addon">运营二维码</span>
                        <input type="text" name="evc_number" class="form-control" maxlength="12" value="{$_GET['evc_number']}" placeholder="运营二维码">
                        <span class="input-group-addon">设备地址</span>
                        <input type="text" name="key_link" class="form-control" maxlength="16" value="{$_GET['key_link']}" placeholder="设备地址">
                    </div>
                </div>
        <div class="col-xs-2 search-col">
            <button  type="submit" class="btn btn-warning">
                <i class="fa fa-search"></i>
                &nbsp;搜索
            </button>
        </div>
    </div>
    <table  class="table table-bordered table-mcit">
        <thead>
        <tr>
            <th >
                <empty name="countBills">
                    <button class='btn btn-block btn-mcit' type='button' style="text-align:center" > <strong><i class="fa fa-meh-o"></i>
                        &nbsp;&nbsp;当前条件下没有汇总数据</strong>
                    </button>
                    <else />
                        <button class='btn btn-block btn-mcit' type='button' >{$node}</button>
                        <button class='btn btn-block btn-mcit' type='button' >
                            <volist name="countBills" id="datas">
                                &nbsp;&nbsp;<span>总计：&nbsp;{$datas.total}次</span>
                                &nbsp;&nbsp;<span>总电量：&nbsp;{$datas.electricity}度</span>
                                &nbsp;&nbsp;<span>减少碳排放总量：&nbsp;{$datas.carbon}千克</span>
                                &nbsp;&nbsp;<span>总时长：&nbsp;{$datas.charge_time}</span>
                                &nbsp;&nbsp;<span>总服务费：&nbsp;{$datas.service_fee}元</span>
                                &nbsp;&nbsp;<span>总充电费：&nbsp;{$datas.amount}元</span>
                            </volist>
                        </button>
                </empty>
            </th>
        </tr>
        </thead>
    </table>
    <table  class="table table-bordered table-striped table-mcit" >
        <thead>
        <tr>
            <th >
                <button class='btn btn-block btn-mcit' type='button' >ID</button>
            </th>
            <th>
                <button class='btn btn-block btn-mcit' type='button' >运营二维码</button>
            </th>
            <th>
                <button class='btn btn-block btn-mcit' type='button' >设备地址</button>
            </th>
            <th>
                <button class='btn btn-block btn-mcit' type='button'>充电次数</button>
            </th>
            <th>
                <button class='btn btn-block btn-mcit' type='button'>充电电量</button>
            </th>
            <!--<th>
                <button class='btn btn-block btn-mcit' type='button'>碳排放</button>
            </th>-->
            <th>
                <button class='btn btn-block btn-mcit' type='button'>充电时长</button>
            </th>
            <th>
                <button class='btn btn-block btn-mcit' type='button'>充电费</button>
            </th>
            <th>
                <button class='btn btn-block btn-mcit' type='button'>服务费</button>
            </th>
            <th>
                <button class='btn btn-block btn-mcit' type='button' >操作</button>
            </th>
        </tr>
        </thead>
        <tbody id="DataTableContent">
        <empty name="plant">
            <td colspan="99" style="text-align:center" class="danger"> <strong><i class="fa fa-meh-o"></i>
                &nbsp;&nbsp;当前条件下没有数据</strong>
            </td>
            <else />
            <volist name="plant" id="data">
                <tr class="lists" align="center">
                    <td>{$data.id}</td>
                    <td>{$data.evc_number}</td>
                    <td>{$data.key_link}</td>
                    <td><if condition="$data.total neq null">{$data.total}<else />0</if></td>
                    <td><if condition="$data.electricity neq null">{$data.electricity}<else />0.00</if></td>
                    <!--<td><if condition="$data.carbon neq null">{$data.carbon}<else />0</if></td>-->
                    <td><if condition="$data.charge_time neq null">{$data.charge_time}<else />0小时0分0秒</if></td>
                    <td><if condition="$data.amount neq null">{$data.amount}<else />0.00</if></td>
                    <td><if condition="$data.servece_fee neq null">{$data.servece_fee}<else />0.00</if></td>
                    <td>
                        <a class="btn btn-success btn-sm" href="__URL__/evchar_charge/char_id/{$data.id}">
                            <i class="fa fa-eye"></i>
                            &nbsp;详情
                        </a>
                    </td>
                </tr>
            </volist>
        </empty>
        <tr>
            <td colspan="99" style="text-align:center">
                <ul class="pagination">{$pageView}</ul>
            </td>
        </tr>
        </tbody>
    </table>
    <input type="hidden" name="fsign" id="fsign" value="normal">
    </form>
</div>
</div>
<import file="js.jquery#chained" />
<script type="text/javascript">
    function show_first_page(){
        $("#fsign").val("abnormal");
        return true;
    }
    $(document).ready(function () {
        $("#location-s").chained("#location-f");
        $("#location-t").chained("#location-s");

    })
</script>